<template>
 <div>
     <showDecHeader/>
     <showDecSelect/>
      <showDecTd/>
      <showDecSp/>
      <showDecDk/>
      <showDecFy/>
       <div class="show-dec-bottomBar">
         <router-link to ="/home"> <i class="iconfont icon-shouyetianchong"></i>首页</router-link>
         <router-link to =""> <i class="iconfont icon-dingdan"></i>订单</router-link>
     </div>
 </div> 
</template>
<script>
import showDecHeader from "@/components/wyw/show-dec-header.vue";
import showDecSelect from "@/components/wyw/show-dec-select.vue";
import showDecDk from "@/components/wyw/show-dec-daka.vue";
import showDecTd from "@/components/wyw/show-dec-today.vue";
import showDecSp from "@/components/wyw/show-dec-swiper.vue";
import showDecFy from "@/components/wyw/show-dec-foryou.vue";
export default {
  components: {
    showDecHeader,
    showDecSelect,
    showDecTd,
    showDecDk,
    showDecSp,
    showDecFy
  },
  created() {}
};
</script>
<style scoped>
.show-dec-bottomBar {
  width: 100%;
    height: 1rem;
    background-color:#ffffff;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
  
}
.show-dec-bottomBar a {
  text-align: center;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  color: red;
  /* background-color: aquamarine; */
  flex-direction: column;
}

</style>